<template>
  <el-table
    :data="tableData"
    tooltip-effect="dark"
    style="width:100%"
    :header-cell-style="{
      'background-color': '#EFF4F8',
      'color': '#333',
      'border-top': '1px #D4E5F2 solid'
    }"
    :stripe="true"
  >
    <el-table-column type="selection"  label="全选" align="center"></el-table-column>
    <el-table-column prop="name" label="角色名称" width="184" align="center"></el-table-column>
    <el-table-column prop="desc" label="角色描述" align="center" ></el-table-column>
    <el-table-column prop="status" label="账号状态" align="center" ></el-table-column>
    <el-table-column label="操作"  align="center">
      <template>
        <el-link>编辑</el-link>
        <el-link>删除</el-link>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'RoleManageTable',
  data () {
    return {
      tableData: [{
        name: '督查室编辑',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '督查室审核',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '运行中心一级',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '运行中心二级',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '运行中心三级',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '地方部门一级',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '地方部门二级',
        desc: '描述：111111111111 ',
        status: '启用'
      }, {
        name: '地方部门三级',
        desc: '描述：111111111111 ',
        status: '启用'
      }]
    }
  },
  computed: {
  }
}
</script>

<style lang="less" scoped>

 .el-table th>.cell {
   color: #333 !important;
 }
 .el-table__header .el-table-column--selection .cell .el-checkbox:after{
   content: '全选' !important;
 }
 .el-link.el-link--default {
   padding: 0 16px;
 }
</style>
